<template>
  <div id="left">
    <el-button
      v-for="(item, index) in nodeComponen"
      :key="index"
      :icon="item.icon"
      size="mini"
      v-drag="`${JSON.stringify(item)}`"
      >{{ item.name }}</el-button
    >
  </div>
</template>
<script>
export default {
  data() {
    return {
      nodeComponen: [
        {
          identifier: "start",
          name: " 开始 ",
          icon: "el-icon-s-promotion",
        },
        {
          identifier: "child",
          name: " 子组件 ",
          icon: "el-icon-share",
        },
        {
          identifier: "end",
          name: " 结束 ",
          icon: "el-icon-s-flag",
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
#left {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 0 1rem;
  .el-button {
    width: 100%;
    margin-top: 1rem;
    margin-left: 0;
  }
}
</style>
